{include file="public/header" /}
<style>
  .line-div{
    float: left;
    width: 100%;
    background: #fff;
    height: 50px;
    line-height: 50px;
  }
  .line-div-left{
    color: #999;
    float: left;
    width: 25%;
  }
  .line-div-right{
    float: left;
    width: 75%;
  }
  .line{
    float: left;
    width: 100%;
    height: 2px;
  }
  td {
    font-size: 15px;
  }
  span{
    font-size: 13px;
  }
</style>
<div class="mui-content">
  <div class="line-div">
    <div class="line-div-left" style="width: 75%">　订单号：{$data.order_id}</div>
    <div class="line-div-right" style="width:25%;color: red">￥{$data.price}</div>
  </div>
  {if $data.remark != ''}
  <div class="line"></div>
  <div class="line-div" style="height: auto">
    <div class="line-div-left">　文字描述</div>
    <div class="line-div-right" style="line-height: normal;padding-top: 10px; padding-bottom: 10px;">　
      {$data.remark}
    </div>
  </div>
  {/if}
  {if $data.image1 != ''}
  <div class="line"></div>
  <div class="line-div" style="height: auto;">
    <div style="height: 20px; width: 100%;"></div>
    <div class="line-div-left">　图片展示</div>
    <div class="line-div-right">
      <img src="{$data.image1}" width="25%" height="80" style="margin: 5px;">
      {if $data.image2 != ''}
      <img src="{$data.image2}" width="25%" height="80" style="margin: 5px;">
      {/if}
      {if $data.image3 != ''}
      <img src="{$data.image3}" width="25%" height="80" style="margin: 5px;">
      {/if}
    </div>
  </div>
  {/if}
  {if $data.audio != ''}
  <div class="line"></div>
  <div class="line-div">
    <div class="line-div-left">　语音描述</div>
    <div class="line-div-right">
      <audio controls style="margin-top: 10px;" src="{$data.audio}"></audio>
    </div>
  </div>
  {/if}
  {if $data.place_name != ''}
  <div style="line-height: 35px;color: #999">　出发地</div>
  <div class="line"></div>
  <div class="line-div" style="height: auto">
    　{$data.place_name} {$data.place_address}
  </div>
  {/if}
  <div style="height: 10px;float: left;width: 100%;"></div>
  <div style="line-height: 35px;color: #999">　目的地</div>
  <div class="line"></div>
  <div class="line-div" style="height: auto">
    　{$data.target_name} {$data.target_address}
  </div>
  <div style="height: 10px;float: left;width: 100%;"></div>
  {if count($data.goods) > 0}
  <table width="100%" border="0" style="background: #ffffff" cellspacing="0" cellpadding="0" style="font-size: 16px;">
    <tbody>
    {foreach $data.goods as $v}
    <tr>
      <td width="100" height="100" align="center" style="padding-top:10px">
        <img src="{$v.image}" style="width:70px; height:70px;" />
      </td>
      <td width="70%" valign="top">
        <div style="margin-top: 10px; font-size: 15px">{$v.title}</div>
        <div style="font-size: 13px; color: red">￥{$v.price}</div>
      </td>
      <td align="right" valign="top" style="padding-top: 30px;">*{$v.number}&nbsp;&nbsp;</td>
    </tr>
    {/foreach}
    </tbody>
  </table>
  {/if}
  <div>&nbsp;总价：￥<span>{$data.price}</span></div>
</div>